<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手写日历</title>
    <link rel="stylesheet" href="./css/calendar.css">
</head>

<body>
    <div style="display: flex;align-items: center;justify-content: space-around;align-items: center;width: 50%;">
        <input type="text" placeholder="开始时间" id="test">
        <span>至</span>
        <input type="text" placeholder="结束时间" id="test1">
    </div>

</body>
<script type="text/javascript" src="../node_modules/babel-polyfill/dist/polyfill.min.js"></script>
<script type="text/javascript" src="../dist/calendar.js"></script>
<!-- <script type="text/javascript" src="./calendar.js"></script> -->
<script type="text/javascript">
    window.onload = function() {
        new Calendar('test');
        new Calendar('test1', '2021-11-01');
    }
</script>

</html>